/* __placeholder__ */
// @ is an alias to /src
export default (await import('vue')).defineComponent({
data() {
return {
clickCount: 0,
// if指令
myIfFlag: true,
// 如果设置true的话按钮就不能点击了 disabled为按钮的属性
buttonDisabled: true,
// 自定义对象属性
myDivAttrs: {
id: 1,
class: 'myDiv',
style: {
color: 'red'
}
},
// books: [],
books: [
'Vue 2 - Advanced Guide',
'Vue 3 - Basic Guide',
'Vue 4 - The Mystery'
]
};
},
methods: {},
// 组件完成初始渲染并创建 DOM 节点后运行
mounted: {
myClick() {
this.clickCount++;
}
},
// 计算属性
computed: {
publishedBooksMessage() {
return this.books.length;
}
},
created: {}
});
